<!DOCTYPE html>
<html>

<head>
  <!--谷歌分析工具-->
  <!--https://www.imhunk.com/install-google-webmasters-and-google-analytics/#title1-->
  <meta name="google-site-verification" content="_glN7pkglI6X0zN5WcqtUqWcdsZYrHjodY0N-RU1O08" />
  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-VEDJEGSS57"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-VEDJEGSS57');
  </script>

  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <style type="text/css">
    .turbo-progress-bar {
      position: fixed;
      display: block;
      top: 0;
      left: 0;
      height: 3px;
      background: #0076ff;
      z-index: 2147483647;
      transition:
        width 300ms ease-out,
        opacity 150ms 150ms ease-in;
      transform: translate3d(0, 0, 0);
    }
  </style>

  <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js"></script>
  <!-- 引入 Axios -->
  <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  <script src="./common/request.js"></script>
  <script type="text/javascript" async="" src="./js/js"></script>
  <script async="" src="./js/fbevents.js.下载"></script>
  <script async="" src="./js/gtm.js.下载"></script>
  <script type="text/javascript" async="" src="./js/mixpanel-2-latest.min.js.下载"></script>
  <script
    type="text/javascript">window.NREUM || (NREUM = {}); NREUM.info = { "beacon": "bam.nr-data.net", "errorBeacon": "bam.nr-data.net", "licenseKey": "NRJS-a03c265a2aab27c30fa", "applicationID": "1517344485", "transactionName": "IQ5aFkQNCQ9VRUoUUgUER01SCxYAX0EAFg==", "queueTime": 2, "applicationTime": 18, "agent": "" }</script>
  <link rel="shortcut icon" href="images/title-icon.png">
  <title>Dreamy.ai - Chat and connect with AI Companions</title>
  <link rel="canonical" href="http://dreamyai.vip/subscriptions.html">
  <!-- Facebook Open Graph data -->
  <meta property="og:title" content="Dreamy.ai - Chat and connect with AI Companions">
  <meta property="og:type" content="website">

  <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1">


  <link rel="stylesheet" href="./js/application-a0f5311d1ac4e7874e8d813a0fc67a7f8ed99295b496c6cf2353a8943caf1caf.css"
    data-turbo-track="reload">
  <script src="./js/application-10d6202ff1026b5500912c670526f52edbc12e9ea575f8f1af775b17614a84cf.js.下载"
    data-turbo-track="reload" defer="defer"></script>

  <script src="./js/jquery-3.6.0.min.js.下载"></script>
  <script src="./js/checkout.js.下载"></script>
  <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  <script src="./common/request.js"></script>

  <script
    src="https://www.paypal.com/sdk/js?client-id=AXTYri8a9ol78BC_dKyqj3dDF4tkdc4ybhRrZKRa41cdLGBHzSR0mWVVW1sX8l8k7uSDwcz1b5UGD-Me&currency=USD"></script>
  <script src="./common/template.js"></script>
  <script
    type="text/javascript">window.NREUM || (NREUM = {}); NREUM.info = { "beacon": "bam.nr-data.net", "errorBeacon": "bam.nr-data.net", "licenseKey": "NRJS-a03c265a2aab27c30fa", "applicationID": "1517344485", "transactionName": "IQ5aFkQNCQ9VRUoUUhsMUQxCEUoKXlMAHA==", "queueTime": 2, "applicationTime": 24, "agent": "" }</script>
  <script
    type="text/javascript">window.NREUM || (NREUM = {}); NREUM.info = { "beacon": "bam.nr-data.net", "errorBeacon": "bam.nr-data.net", "licenseKey": "NRJS-a03c265a2aab27c30fa", "applicationID": "1517344485", "transactionName": "IQ5aFkQNCQ9VRUoUUhsMUQxCEUoKXlMAHA==", "queueTime": 1, "applicationTime": 27, "agent": "" }</script>
</head>

<script>
  let productid = ''
  let productprice = ''
  window.onload = function () {


    paypal.Buttons({
      createOrder() {
        return fetch("https://api.dreamyai.vip/paypal/v1/create-order", {
          method: "POST",
          headers: {
            "Content-Type": "application/json",
            "Authorization": localStorage.getItem('token')
          },
          body: JSON.stringify({
            "userId": JSON.parse(localStorage.getItem('userInfo')).id,
            "type": 1,
            "productId": productid,
            "price": productprice
          })
        })
          .then((response) => {
            console.log(response)
            return response.json()
          })
          .then((order) => {
            if (order.data) {
              window.location.href = order.data
            }
            // return cleanedCode

          });
      },
      onApprove: function (data, actions) {
        console.log(data, '支付成功')

      },
      onCancel(data, actions) {
        console.log(data, '取消支付')

      }
    }).render('#paypal-button-container');
  }

</script>

<body class="bg-main payments index stimulus-reflex-disconnected"><img height="1" width="1" style="display:none"
    src="./js/tr">

  <div id='apps' style="position: relative;">

    <div
      class="hidden lg:fixed lg:top-[65px] border-[#363636] border-r lg:inset-y-0 lg:left-0 lg:z-50 lg:block lg:w-20 lg:overflow-y-auto lg:pb-4"
      style="width: 100px; background: linear-gradient(0deg, #131313 0%, #131313 100%)">
      <nav class="mt-8">
        <ul role="list" class="flex flex-col items-center space-y-1">
          <li>
            <a href="./explore.html"
              class="h-[70px] w-[70px]  hover:bg-zinc-700 rounded-[10px] border border-white border-opacity-10 flex-col justify-center items-center gap-2 flex mx-auto cursor-pointer">
              <img src="./images/explore.png" style="width: 24px">
              <div class="text-center text-white text-xs font-medium leading-tight">Explore</div>
            </a>
          </li>
          <li class="pt-3">
            <a href="./chart.html"
              class="pt-3 h-[70px] w-[70px]  hover:bg-zinc-700 rounded-[10px] border border-white border-opacity-10 flex-col justify-center items-center gap-2 flex mx-auto cursor-pointer">
              <img src="./images/chat.png" style="width: 24px">
              <div class="text-center text-white text-xs font-medium leading-tight">Chat</div>
            </a>
          </li>

          <li class="pt-3">
            <a href="./create1.html"
              class="relative h-[70px] w-[70px] hover:bg-zinc-700  rounded-[10px] border border-white border-opacity-10 flex-col justify-center items-center gap-2 flex mx-auto cursor-pointer">
              <img src="./images/create.png" style="width: 24px">
              <div class="w-16 text-center text-white text-xs font-medium leading-none">Create</div>
            </a>
          </li>
          <li class="pt-3">
            <a href="./myai.html"
              class="h-[70px] w-[70px] hover:bg-zinc-700  rounded-[10px] border border-white border-opacity-10 flex-col justify-center items-center gap-2 flex mx-auto cursor-pointer">
              <img src="./images/myai.png" style="width: 24px">
              <div class="w-16 text-center text-white text-xs font-medium leading-none">My AI</div>
            </a>
          </li>
        </ul>
        <div class="left-[15px] bottom-[20px] absolute flex-col justify-start items-start gap-2 inline-flex">

          <div
            class="py-2 w-[70px] hover:bg-gray-700 rounded-[10px] border border-white border-opacity-10 flex-col justify-center items-center gap-2 flex mx-auto cursor-pointer toggle-popup"
            @click='feedbackmodal = !feedbackmodal'>
            <div class="text-center text-white text-xs font-medium leading-tight">Contact</div>
          </div>
          <a target="_blank" href="https://find-heart.cn-sh2.ufileos.com/sugar/service/Terms%20of%20Service.pdf"
            class=" w-[70px] flex-col justify-center items-center gap-2 flex mx-auto cursor-pointer">
            <div class="text-center text-white text-[8px] font-medium leading-[14px]">Terms of Service</div>
          </a>
          <a target="_blank" href="https://find-heart.cn-sh2.ufileos.com/sugar/service/Privacy%20Policies.pdf"
            class=" w-[70px] flex-col justify-center items-center gap-2 flex mx-auto cursor-pointer">
            <div class="text-center text-white text-[8px] font-medium leading-[14px]">Privacy
              Policy</div>
          </a>
        </div>
      </nav>
    </div>
    <contact v-if='feedbackmodal'></contact>
    <form data-turbo="true" class="space-y-6">
      <input type="hidden" name="authenticity_token"
        value="a1VF5GTn8hbek08sq82Le_DQKnrDO3mD-dV_-H8ln7AQaIaHQdS4V1LSYS9Xbcunk5_GqmM0wAofMiUuC5Buuw"
        autocomplete="off">
      <div
        class="fixed top-0 left-0 right-0 bottom-0 z-50 bg-black bg-opacity-50 backdrop-blur-sm hidden email-modal modal-backdrop feedback-modal"
        data-modal="feedback-modal" style="margin-top: 0px;"></div>
      <div id="staticModal" data-modal-backdrop="static" tabindex="-1" aria-hidden="true"
        class="fixed top-0 left-0 right-0 z-50 w-full p-4 overflow-x-hidden overflow-y-auto md:inset-0 h-[calc(100%-1rem)] max-h-full flex justify-center items-center hidden feedback-modal">
        <div class="relative max-h-full">
          <div class="relative rounded-lg shadow dark:bg-gray-700">
            <div class="w-[356px] h-[210px] relative bg-stone-900 rounded-[10px] border border-neutral-700">
              <div class="w-[396px] h-[354px] relative bg-stone-900 rounded-[10px] border border-neutral-700">
                <div
                  class="w-[146px] h-[222px] left-[-2px] top-[112px] absolute origin-top-left -rotate-90 opacity-60 bg-fuchsia-500 rounded-full blur-[300px]">
                </div>
                <div
                  class="w-[146px] h-[222px] left-[208px] top-[452px] absolute origin-top-left -rotate-90 bg-indigo-500 rounded-full blur-[300px]">
                </div>
                <div class="w-5 h-5 left-[364px] top-[12px] absolute"></div>
                <div class="left-[28px] top-[28px] absolute flex-col justify-start items-start gap-6 inline-flex">
                  <div class="flex-col justify-start items-start gap-2 flex">
                    <div class="text-white text-2xl font-bold leading-[34px]">Contact us
                      <img src="./js/cross-ec898236eb501d13f4d1343d4a90ed1c0afec71efde2ed1e606916d52f2c5331.svg"
                        class="absolute top-[7px] right-[10px] cursor-pointer feedback-modal-close">
                    </div>
                    <div class="w-[340px] text-neutral-400 text-sm font-medium leading-tight">Write your message here.
                    </div>
                  </div>
                  <div class="flex-col justify-start items-start gap-7 flex">
                    <div>
                      <textarea label="false"
                        class="w-[340px] h-[120px] p-[15px] text-white bg-neutral-800 rounded-[10px] border border-neutral-700 justify-start items-center gap-2.5 inline-flex"
                        placeholder="Description" name="feedback[description]" id="feedback_description"></textarea>
                    </div>
                    <input value="482731" autocomplete="off" type="hidden" name="feedback[user_id]"
                      id="feedback_user_id">
                    <input autocomplete="off" type="hidden" name="feedback[conversation_id]"
                      id="feedback_conversation_id">
                    <input autocomplete="off" type="hidden" name="feedback[message_id]" id="feedback_message_id">
                    <button
                      class="w-[340px] px-4 py-3 bg-[#E75275] rounded-[10px] border border-[#E75275] justify-center items-center gap-2 inline-flex">
                      <div class="text-white text-sm font-semibold leading-tight">Send</div>
                    </button>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </form>


    <div id="character-created-toast"></div>
    <div class="pb-[150px] md:pb-0 overflow-auto mt-16">
      <div id="app" class="pb-[150px] md:pb-0 overflow-auto mt-16" style="position: relative;">
        <html-header></html-header>
        <div class="mx-auto fixed flex z-10 flex-row justify-center mb-10 w-full red-gradient h-14">
          <div id="left-side" class="w-[360px] items-center justify-start hidden lg:flex">
            <div class="h-6 justify-start items-center gap-3 inline-flex">
              <img src="./js/crown-3cbc255259ef6a660a01b67c595ac1b1b3683a00ceda0f3fc10e9a7e960c05cb.svg"
                class="w-6 h-6 relative">
              <div class="text-white text-base font-extrabold uppercase leading-tight tracking-widest">First
                Subscription
              </div>
            </div>
          </div>
          <div id="middle-side" class="w-[360px] items-center justify-center flex">
            <div
              class=" h-8 px-2.5 py-1.5 primary-gradient rounded-2xl justify-center items-center gap-2.5 inline-flex">
              <div><span class="text-white text-base font-medium leading-tight">Up to </span><span
                  class="text-white text-base font-bold leading-tight">75%</span><span
                  class="text-white text-base font-medium leading-tight"> Off</span></div>
            </div>
          </div>
          <div id="right-side" class="w-[360px] items-center justify-center md:justify-end flex"
            data-controller="subscription-timer">
            <div class="h-11 px-3 py-2 bg-neutral-700 rounded-3xl justify-center items-start gap-1.5 inline-flex">
              <!-- Minutes -->
              <div class="flex-col justify-start items-start gap-0.5 inline-flex">
                <div class="text-white text-base font-extrabold leading-[14px]" data-subscription-timer-target="minute">
                  59
                </div>
                <div class="text-neutral-400 text-xs font-medium leading-[14px]">Min</div>
              </div>
              <div class="text-white text-base font-extrabold leading-[14px]">:</div>
              <!-- Seconds -->
              <div class="flex-col justify-start items-start gap-0.5 inline-flex">
                <div class="text-white text-base font-extrabold leading-[14px]" data-subscription-timer-target="second">
                  29
                </div>
                <div class="text-neutral-400 text-xs font-medium leading-[14px]">Sec</div>
              </div>
              <div class="text-white text-base font-extrabold leading-[14px]">:</div>
              <!-- Milliseconds -->
              <div class="w-5 flex-col justify-start items-start gap-0.5 inline-flex">
                <div class="text-white text-base font-extrabold leading-[14px]"
                  data-subscription-timer-target="millisecond">16</div>
                <div class="text-neutral-400 text-xs font-medium leading-[14px]">Ms</div>
              </div>
            </div>
          </div>
        </div>
        <div class="lg:block hidden text-center text-white text-[32px] font-bold leading-[42px] mt-24">Choose your Plan
        </div>
        <div class="lg:block hidden text-center text-neutral-400 text-sm font-medium leading-tight">100% anonymous. You
          can
          cancel anytime.</div>
        <div class="mx-auto lg:flex justify-center">
          <div
            class="hidden lg:flex relative bg-zinc-900 rounded-lg border border-zinc-800 isolate mx-auto mt-12 grid max-w-md grid-cols-1 md:grid-cols-3 gap-10 md:max-w-2xl lg:max-w-4xl xl:mx-0 xl:max-w-none">
            <div id="left-side" class="pt-12 pb-0 pl-12 max-w-[360px] w-[360px]">
              <span class="text-md font-semibold text-primary ">Get Exclusive <br>
                Discount Only Today!</span>
              <div class="text-white text-sm mt-[10px]">Up to <span
                  class="text-primary text-sm font-semibold ">75%</span>
                off for first subscription</div>
              <div class="text-center">
                <img class="w-full object-cover" style="margin-top: 7%;" src="./images/4@2x.png">
              </div>
            </div>
            <div id="middle" class="pt-12 pb-0 pr-0 pl-0 max-w-[360px] w-[360px]">
              <div class="flex flex-col gap-8">
                <div class="relative cursor-pointer" @click="selectClick(index)" :key="index"
                  :class="{'sub-gradient-active': currentIndex === index, 'sub-gradient': currentIndex !== index}"
                  v-for="(item, index) in dataList.saleProducts">
                  <div class="flex-col justify-start items-start gap-1 lg:gap-2.5 inline-flex p-6">
                    <div class="text-primary text-base font-semibold">Premium</div>
                    <div v-if="item.popular == 1"
                      class="absolute top-[20px] right-[12px] fire-tag text-[#FFCCD4] text-[11px] gap-1 font-semibold uppercase leading-tight flex">
                      <img src="./js/fire-536cb1ff49f05de613d8dd300ebdd1da75433bd4e5f73105ce156a55eb8a224d.svg">Popular
                    </div>
                    <div class="flex-col justify-start items-start flex">
                      <div class="justify-start items-center gap-1 inline-flex">
                        <div class="text-white text-2xl lg:text-3xl font-bold">${{item.currentPrice}}</div>
                        <div class="text-white text-opacity-60 relative top-1 text-[20px] font-medium line-through">
                          ${{item.originalPrice}}
                        </div>
                        <div class="text-white text-sm relative top-1 font-medium" v-if="item.periodUnit">
                          /{{item.periodUnit}}</div>
                      </div>
                    </div>
                    <div class="text-gray-500 text-xxs">{{item.description}}</div>
                  </div>
                  <div
                    class="px-2 py-1 left-[24px] top-[-10px] absolute bg-rose-400 rounded-3xl justify-center items-center gap-1 lg: inline-flex">
                    <div class="text-white text-xs font-medium leading-tight">{{item.discountPercentage}}% off</div>
                  </div>
                </div>


              </div>

            </div>
            <div id="right" class="pt-12 pb-0 pr-0 pl-0 max-w-[360px] w-[360px]">
              <div class="text-neutral-400 text-[20px] font-semibold mb-6">Premium Benefits</div>
              <div class="flex flex-col gap-5">
                <div class="justify-start items-center gap-2 inline-flex"
                  v-for="(item, index) in dataList.saleProducts[currentIndex].premiumBenefits">
                  <div class="text-white text-sm font-medium leading-tight flex"><img
                      src="./js/check_circle-8bef1807002524e283a697e23b0d49f656c8479fd4e1c273f584a6162da8ead1.svg"
                      class="mr-2"> {{item.description}}</div>
                </div>

              </div>
              <div class="text-center mt-6">
                <img class="w-[85%] object-cover" src="./images/5@2x.png">
              </div>
              <div class="absolute bottom-0 right-0">
                <svg xmlns="http://www.w3.org/2000/svg" width="242" height="475" viewBox="0 0 242 475" fill="none">
                  <path opacity="0.05" fill-rule="evenodd" clip-rule="evenodd"
                    d="M134.444 107.556C134.444 48.1543 182.599 0 242 0C301.401 0 349.556 48.1543 349.556 107.556V134.444H376.444C435.846 134.444 484 182.599 484 242C484 301.401 435.846 349.556 376.444 349.556H349.556V376.444C349.556 435.846 301.401 484 242 484C182.599 484 134.444 435.846 134.444 376.444V349.556H107.556C48.1543 349.556 0 301.401 0 242C0 182.599 48.1543 134.444 107.556 134.444H134.444V107.556ZM127.722 245.361C171.211 255.655 229.151 318.599 242 369.722C254.849 318.599 312.789 255.655 356.278 245.361C312.789 235.067 254.849 172.123 242 121C229.151 172.123 171.211 235.067 127.722 245.361Z"
                    fill="url(#paint0_radial_4541_28606)"></path>
                  <defs>
                    <radialgradient id="paint0_radial_4541_28606" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
                      gradientTransform="translate(242 242) rotate(90) scale(242)">
                      <stop stop-color="white"></stop>
                      <stop offset="0.457376" stop-color="white" stop-opacity="0.991115"></stop>
                      <stop offset="1" stop-color="#131313"></stop>
                    </radialgradient>
                  </defs>
                </svg>
              </div>
            </div>
          </div>
          <div
            class="flex lg:hidden relative bg-zinc-900 rounded-lg border border-zinc-800 isolate mx-5 md:mx-auto mt-[70px] grid max-w-md grid-cols-1 gap-6">
            <div id="left-side" class="px-6 pt-6">
              <span class="text-[18px] font-semibold text-primary ">Get Exclusive Discount Only Today!</span>
              <div class="text-white text-sm mt-[10px]">Up to <span
                  class="text-primary text-sm font-semibold ">75%</span>
                off for first subscription</div>
            </div>
            <div id="right" class="px-6">
              <div class="text-neutral-400 text-[16px] font-semibold mb-6">Premium Benefits</div>
              <div class="flex flex-col gap-5">
                <div class="justify-start items-center gap-2 inline-flex"
                  v-for="(item, index) in dataList.saleProducts[currentIndex].premiumBenefits">
                  <div class="text-white text-sm font-medium leading-tight flex"><img
                      src="./js/check_circle-8bef1807002524e283a697e23b0d49f656c8479fd4e1c273f584a6162da8ead1.svg"
                      class="mr-2"> {{item.description}}</div>
                </div>
              </div>
            </div>
            <div class="px-6 mt-4 pb-6">
              <div class="flex flex-col gap-8">
                <div class="relative cursor-pointer sub-gradient" @click="selectClick(index)" :key="index"
                  :class="{'sub-gradient-active': currentIndex === index, 'sub-gradient': currentIndex !== index}"
                  v-for="(item, index) in dataList.saleProducts">
                  <div class="flex-col justify-start items-start gap-1 lg:gap-2.5 inline-flex p-6">
                    <div class="text-primary text-base font-semibold">Premium</div>
                    <div class="flex-col justify-start items-start flex">
                      <div class="justify-start items-center gap-1 inline-flex">
                        <div class="text-white text-2xl lg:text-3xl font-bold">${{item.currentPrice}}</div>
                        <div class="text-white text-opacity-60 relative top-1 text-[20px] font-medium line-through">
                          ${{item.originalPrice}}
                        </div>
                        <div class="text-white text-sm relative top-1 font-medium" v-if="item.periodUnit">/
                          {{item.periodUnit}}</div>
                      </div>
                    </div>
                    <div class="text-gray-500 text-xxs">{{item.description}}</div>
                  </div>
                  <div
                    class="px-2 py-1 left-[24px] top-[-10px] absolute bg-rose-400 rounded-3xl justify-center items-center gap-1 lg: inline-flex">
                    <div class="text-white text-xs font-medium leading-tight">{{item.discountPercentage}}% off</div>
                  </div>
                </div>

              </div>

            </div>
          </div>
        </div>
        <div class="mx-auto flex justify-center mb-0 lg:mb-10">
          <div class="relative mx-auto mt-10">
            <div class="w-80 h-9 justify-center items-center gap-12 inline-flex">
              <div class="justify-start items-center gap-1 inline-flex">
                <img src="./js/shield-190459758afcc6bb4c7df21968354540da03d7e833aa55cfc17d5acb07cbafd1.svg"
                  class="relative w-[30px] h-[36px]">
                <div class="text-neutral-400 text-base font-semibold leading-none">Antivirus<br>
                  Secured</div>
              </div>
              <div class="justify-start items-center gap-1 inline-flex">
                <img src="./js/privacy-61b2a7b6428df84413d307fe745b05f137c9259c84e2b4fe1b844d06bfd8788f.svg"
                  class="w-9 h-9 relative">
                <div class="text-neutral-400 text-base font-semibold leading-none">Privacy in bank <br>
                  statement</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="mx-auto lg:flex flex flex-col justify-between pt-12 pb-0 pr-0 pl-0 max-w-[360px] w-[360px]"
        style="position: absolute;left: 0;right: 0;margin: auto;top: 65%;">
        <div id="paypal-button-container"></div>
      </div>

    </div>

    <div id="coinbase-modal"></div>
    <div id="redirect"></div>


    <div class="w-full h-[56px] fixed bottom-0 bg-neutral-950 background-gradient z-20 block lg:hidden">
      <div class="flex p-[15px] justify-between">
        <!-- Discover Icon -->
        <a href="./explore.html">
          <img src="./images/explore.png" style="width: 24px">
        </a>
        <!-- My AI Icon -->
        <a href="./myai.html" class="relative">
          <img src="./images/myai.png" style="width: 24px">
        </a>
        <!-- Create AI Icon -->
        <a href="./create1.html" class="relative">
          <img src="./images/create.png" style="width: 24px">
        </a>
        <!-- Chat Icon -->
        <a href="./chart.html">
          <img src="./images/chat.png" style="width: 24px">
        </a>


      </div>
    </div>
  </div>


</body>

</html>
<script>
  var app = new Vue({
    el: '#app',
    data() {
      return {
        price: 22,
        dataList: {},
        currentIndex: 0,
        feedbackmodal: false
      }
    },
    components: {
    },
    mounted() {
      this.getList()
      const token = localStorage.getItem('token')
      this.assToken = token
    },
    methods: {
      selectClick(index) {
        console.log(index)
        this.currentIndex = index
        productid = this.dataList.saleProducts[index].productId
        productprice = this.dataList.saleProducts[index].currentPrice
      },
      getList() {
        let data = {}
        instance.post("/sale/v1/get-sale-products", data)
          .then((result) => {
            if (result.data.code == "200") {
              this.dataList = result.data.data;
              console.log(this.dataList.saleProducts[0])
              productid = this.dataList.saleProducts[0].productId
              productprice = this.dataList.saleProducts[0].currentPrice
            }

            console.log("订阅", result.data);
          })
          .catch((err) => {
            console.log(err);
          });
      }
    }
  })

</script>